<ion-header>

    <ion-navbar>
        <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
        <ion-title>ng-directive test 依赖注入测试</ion-title>
    </ion-navbar>

</ion-header>


<ion-content padding>

<label><input type="checkbox" [checked]="showHeroes"   (change)="showHeroes=!showHeroes">Heroes</label>
    <label><input type="checkbox" [checked]="showVillains" (change)="showVillains=!showVillains">Villains</label>
    <label><input type="checkbox" [checked]="showCars"     (change)="showCars=!showCars">Cars</label>

    <h1>Hierarchical Dependency Injection</h1>

    <heroes-list   *ngIf="showHeroes"></heroes-list>
    <villains-list *ngIf="showVillains"></villains-list>
    <my-cars       *ngIf="showCars"></my-cars>


</ion-content>